<div id="palette-box" class="fixed" style="display: none;">
    <form id="palette" class="backColor1">
        <span class="handle">RGBA调色板</span>
        <span class="colour-rgb">
            <span class="colour-rgb-li">
                <span class="text">
                    R:
                </span>
                <input value="0" number type="range" class="sync-range" min="0" max="255" name="r" id="colour-r">
                <input type="text" maxlength="3" class="sync-text" value="0" name="r">
            </span>
            <span class="colour-rgb-li">
                <span class="text">
                    G:
                </span>
                <input value="0" number type="range" class="sync-range" min="0" max="255" name="g" id="colour-g">
                <input type="text" maxlength="3" class="sync-text" value="0" name="g">
            </span>
            <span class="colour-rgb-li">
                <span class="text">
                    B:
                </span>
                <input value="0" number type="range" class="sync-range" min="0" max="255" name="b" id="colour-b">
                <input type="text" maxlength="3" class="sync-text" value="0" name="b">
            </span>
            <span class="colour-rgb-li">
                <span class="text">
                    A:
                </span>
                <input value="1" number type="range" class="sync-range" min="0" max="1" name="a" id="alpha" step="0.01">
                <input type="text" maxlength="4" class="sync-text" value="1" name="a">
            </span>
        </span>
        <span class="preview">
            <span class="color-board old"></span>
            <span class="arrow">
                <i class="icon-arrow-bottom"></i>
            </span>
            <span class="color-board new"></span>
        </span>
        <span class="palette-plate"><img id="plate-img" src="data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB3aWR0aD0nMzAwJyBoZWlnaHQ9JzMwMCcgdmlld0JveD0nMCAwIDMwMCAzMDAnPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0nZjM2MmYyNzctM2E0My00YTZjLWI0MzAtNGNlMTBlMWIwZDhlJyBkYXRhLW5hbWU9J+acquWRveWQjeeahOa4kOWPmCAyNTAnIHgxPScxNTAnIHkxPSczMDAnIHgyPScxNTAnIGdyYWRpZW50VW5pdHM9J3VzZXJTcGFjZU9uVXNlJz48c3RvcCBvZmZzZXQ9JzAnIC8+PHN0b3Agb2Zmc2V0PScwLjUnIHN0b3AtY29sb3I9JyNmZmYnIC8+PHN0b3Agb2Zmc2V0PScxJyAvPjwvbGluZWFyR3JhZGllbnQ+PG1hc2sgaWQ9J2ExMDY1YmQ1LWJlYzQtNGQzYS04MzZhLTZmMmUyNzZkMTIzYycgeD0nMCcgeT0nMCcgd2lkdGg9JzMwMCcgaGVpZ2h0PSczMDAnIG1hc2tVbml0cz0ndXNlclNwYWNlT25Vc2UnPjxyZWN0IHdpZHRoPSczMDAnIGhlaWdodD0nMzAwJyBzdHlsZT0nZmlsbDogdXJsKCNmMzYyZjI3Ny0zYTQzLTRhNmMtYjQzMC00Y2UxMGUxYjBkOGUpJyAvPjwvbWFzaz48bGluZWFyR3JhZGllbnQgaWQ9J2I5NzEzMjJmLTY0ZTktNGJmZC05NjQzLWM4ZmZhOTJmMDYxOScgZGF0YS1uYW1lPSfmnKrlkb3lkI3nmoTmuJDlj5ggMjIwJyB5MT0nMTUwJyB4Mj0nMzAwJyB5Mj0nMTUwJyBncmFkaWVudFVuaXRzPSd1c2VyU3BhY2VPblVzZSc+PHN0b3Agb2Zmc2V0PScwJyBzdG9wLWNvbG9yPSdyZWQnIC8+PHN0b3Agb2Zmc2V0PScwLjE3JyBzdG9wLWNvbG9yPScjZmYwJyAvPjxzdG9wIG9mZnNldD0nMC4zMycgc3RvcC1jb2xvcj0nbGltZScgLz48c3RvcCBvZmZzZXQ9JzAuNScgc3RvcC1jb2xvcj0nYXF1YScgLz48c3RvcCBvZmZzZXQ9JzAuNjcnIHN0b3AtY29sb3I9J2JsdWUnIC8+PHN0b3Agb2Zmc2V0PScwLjgzJyBzdG9wLWNvbG9yPScjZmYwYWZmJyAvPjxzdG9wIG9mZnNldD0nMScgc3RvcC1jb2xvcj0ncmVkJyAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxnIGlkPSdlMzdiNjAxNi0xYjNhLTQ2NjQtYmYzMC1kZDc4MDc2NTk0ZDknIGRhdGEtbmFtZT0n5Zu+5bGCIDInPjxnPjxyZWN0IHdpZHRoPSczMDAnIGhlaWdodD0nMTUwJyBzdHlsZT0nZmlsbDogI2ZmZicgLz48cmVjdCB5PScxNTAnIHdpZHRoPSczMDAnIGhlaWdodD0nMTUwJyAvPjwvZz48ZyBzdHlsZT0nbWFzazogdXJsKCNhMTA2NWJkNS1iZWM0LTRkM2EtODM2YS02ZjJlMjc2ZDEyM2MpJz48cmVjdCB3aWR0aD0nMzAwJyBoZWlnaHQ9JzMwMCcgc3R5bGU9J2ZpbGw6IHVybCgjYjk3MTMyMmYtNjRlOS00YmZkLTk2NDMtYzhmZmE5MmYwNjE5KScgLz48L2c+PC9nPjwvc3ZnPg==" draggable="false" style="user-select: none;" alt="调色板"></span>
        <span class="opacity">
        </span>
        <span class="bottom">
            <button type="button" class="abolish">
                取消
            </button>
            <button type="button" class="apply">
                确认
            </button>
        </span>
    </form>
</div>